import React, { Component } from 'react';
import { Button, Carousel, Image, Row, Col } from 'antd';
import { userStore } from '@/stores/user';
import { observer } from 'mobx-react';
import { history } from 'umi';
import styles from './index.less';
import { RightOutlined, CodepenOutlined, ForwardFilled } from '@ant-design/icons';
import Footer from '../components/footer/index';
import Header from '../components/header/index';
import link1 from '../../assets/link1.png';
import link2 from '../../assets/link2.png';
import link3 from '../../assets/link3.png';


@observer
export default class Link extends Component {
  render() {
    return (
      <div>
        <Header />
        <div className={styles.link_index}>
          <div className={styles.top_title}> 友情链接 </div>
          <div className={styles.card}>
            <div className={styles.type_title}>
              <div><Image src={link1} className={styles.type_icon}></Image></div>
              <div className={styles.type_name}>国内博物馆/美术馆</div>
            </div>
            <div className={styles.divider}></div>
            <div className={styles.items_box}>
              <div className={styles.items}><a href="http://www.gdmoa.org/">广东美术馆</a></div>
              <div className={styles.items}><a href="https://www.zjam.org.cn/">浙江美术馆</a></div>
              <div className={styles.items}><a href="http://wlt.hubei.gov.cn/hbmoa/">湖北美术馆</a></div>
              <div className={styles.items}><a href='https://www.dpm.org.cn/Home.html' >故宫博物院</a></div>
              <div className={styles.items}><a href='http://www.chnmuseum.cn/'>中国国家博物馆</a></div>
              <div className={styles.items}><a href='https://www.capitalmuseum.org.cn/'>首都博物馆</a></div>
              <div className={styles.items}><a href='http://www.hnmuseum.com/'>湖南省博物馆</a></div>
              <div className={styles.items}><a href='http://www.lnmuseum.com.cn/'>辽宁省博物馆</a></div>
              <div className={styles.items}><a href='http://www.sxpam.org/'> 陕西省美术博物馆</a></div>
              <div className={styles.items}>南京博物馆</div>
              <div className={styles.items}>上海博物馆</div>
              <div className={styles.items}>苏州博物馆</div>
              <div className={styles.items}>台北故宫博物院</div>
              <div className={styles.items}>浙江博物馆</div>
              <div className={styles.items}>中华艺术宫</div>
              <div className={styles.items}>中华世纪坛</div>

              <div className={styles.items}>江苏省美术馆</div>
              <div className={styles.items}>山东美术馆</div>
              <div className={styles.items}>关山月美术馆</div>
              <div className={styles.items}>刘海粟美术馆</div>
              <div className={styles.items}>今日美术馆</div>
              <div className={styles.items}>尤伦斯当代艺术中心</div>
            </div>
          </div>
          <div className={styles.card}>
            <div className={styles.type_title}>
              <div><Image src={link2} className={styles.type_icon}></Image></div>
              <div className={styles.type_name}>文化机构</div>
            </div>
            <div className={styles.divider}></div>
            <div className={styles.items_box}>
              <div className={styles.items}>中华人民共和国文化旅游部</div>
              <div className={styles.items}>国家文物局</div>
              <div className={styles.items}>中国博物馆协会</div>
              <div className={styles.items}>中国美术家协会</div>
              <div className={styles.items}>中国书法家协会</div>
              <div className={styles.items}>北京画院</div>
              <div className={styles.items}>中央美术学院</div>
              <div className={styles.items}>中国油画院</div>
              <div className={styles.items}>荣宝斋</div>
              <div className={styles.items}>歌德学院（中国）</div>
            </div>
          </div>
          <div className={styles.card}>
            <div className={styles.type_title}>
              <div><Image src={link3} className={styles.type_icon}></Image></div>
              <div className={styles.type_name}>艺术媒体</div>
            </div>
            <div className={styles.divider}></div>
            <div className={styles.items_box}>
              <div className={styles.items}>光明网书画频道</div>
              <div className={styles.items}>人民网书画频道</div>
              <div className={styles.items}>新华网书画频道</div>
              <div className={styles.items}>中国文艺网</div>
              <div className={styles.items}>中国文物网</div>
              <div className={styles.items}>网易艺术</div>
              <div className={styles.items}>新浪收藏</div>
              <div className={styles.items}>凤凰生活网</div>
              <div className={styles.items}>雅昌艺术网</div>
              <div className={styles.items}>艺术中国</div>
              <div className={styles.items}>中央美术学院艺术资讯网</div>
              <div className={styles.items}>视觉同盟</div>
              <div className={styles.items}>中国文化产业网</div>
              <div className={styles.items}>中国收藏家协会</div>
              <div className={styles.items}>中国当代艺术网</div>
              <div className={styles.items}>中国网络电视台·艺术台</div>
              <div className={styles.items}>中国网·文化</div>
              <div className={styles.items}>艺评网</div>
            </div>
          </div>
          <div className={styles.text}>如需申请友情链接请发电子邮件至： 婷婷的邮箱000@qq.com 。谢谢配合！</div>
        </div>
        <Footer />
      </div>
    )
  }
}